<template>
  <div class="consult-page">
    <div class="nav-bar">
      <div class="nav-status" :style="{height:statusH + 'px'}"></div>
      <div class="nav-head flex-center" :style="{height:titleH + 'px'}">
        <div class="flex-1 flex-row-v-center" style="padding-left: 10px;">
          <!--<img style="width: 22px;height: 22px" src="/static/assets/img/icon/icon-arrow-left-white.png"-->
               <!--@click="onClickGoBack()"/>-->
        </div>
        <div class="flex-1 flex-center">
          <span style="font-size: 18px; color:#313131">联系客服</span>
        </div>
        <div class="flex-1"></div>
      </div>
    </div>
    <div class="consult-container" :style="{'padding-top':titleH + statusH + 'px'}">
    <div class="clear-10"></div>
      <div class="content flex-col-v-center">
        <img src="/static/assets/img/kefu-top.png" class="top-img">
        <img src="/static/assets/img/kefu-icon.png" class="kefu-icon">
      <div class="flex-center">
        <button class="btn" open-type="contact">点击咨询</button>
      </div>
      </div>
    </div>
  </div>
</template>

<script>
  import Core from "core";
  import global from "global";
  import Common from "common";

  export default {
    components: {},
    data () {
      return {
        statusH: global.state.statusH,
        titleH: global.state.titleH,
        user: "",
        username: {},
        consultList: [],
        selectedConsult: "",
        desc: "",
        hospital: "",
        isHasSelectedFirst: false,
        userVip: {}
      };
    },

  };
</script>

<style lang="scss" scoped>
  .consult-page {
    width: 100%;
    height: 100%;
    position: relative;
    background: #F9F9F9;

    .nav-bar {
      background: #fff;
    }

    .consult-container {
      height: 100%;
      width: 100%;
      background: #FFFFFF;
      .clear-10 {
        background: #F5F5F5;
      }
      .content {
        width: 100%;
        padding: 12px;
        .top-img {
          width:351px;
          height:133px;
          border-radius:5px;
          overflow: hidden;
        }
        .kefu-icon {
          width:109px;
          height:121px;
          margin-top: 87px;
          margin-bottom: 34px;
        }
        .btn {
          width:214px;
          height:43px;
          background:rgba(73,205,182,1);
          border-radius:22px;
          font-weight:400;
          color: #fff;
          font-size: 16px;
        }
      }
    }
  }
</style>
